<template>
  <div
    class="cover-into"
    @click="coverinto"
    :style="[{'opacity':proopacity},prostyle]"
  ></div>
</template>

<script>
export default {
  name: 'CoverInto',
  props: {
    proopacity: {
      type: [Number, String],
      default: 0.2,
    },
    prostyle: {
      type: String,
      default: '',
    },
  },
  methods: {
    coverinto() {
      this.$emit('coverClcik')
    },
  },
}
</script>

<style lang="scss" scoped>
.cover-into {
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  // opacity: 0.2;
}
</style>